---
import Socials from "./content/Socials.astro"
export interface Props {
	class?: string
}
const footer = [
	{
		href: "https://github.com/vladislav-atakhanov",
		title: "Github",
		icon: "github",
	},
	{
		href: "https://t.me/eloh1m",
		title: "Telegram",
		icon: "telegram",
	},
	{
		href: "https://notabug.org/vladislav-atakhanov",
		title: "Notabug",
		icon: "notabug",
	},
]
const { class: class_ } = Astro.props
---

<footer class={`footer ${class_}`}>
	<Socials socials={footer} />
</footer>

<style>
	footer :global(.social) {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 0;
		list-style: none;
		--icon-size: 1.5em;
		gap: 1em 3em;
		flex-direction: row;
	}
</style>
